<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
    <head>
        <th:block th:include="include :: head('使用外部文本')" />
        <link th:href="@{/webjars/highlightjs/style/default.min.css}" rel="stylesheet"/>
    </head>
    <body>
        <body>
            <div class="row">
                <div class="col-md-12">
                    <div class="bs-component">
                        <div class="card">
                            <h4 class="card-header">使用外部文本</h4>
                            <div class="card-body">
                                <h5 class="card-title">样例</h5>
                                <div class="card-body">
                                    <p class="card-text" th:text="#{home.welcome-th-text}">Welcome to Dadsour grocery store!</p>
                                    <p class="card-text" th:utext="#{home.welcome-th-utext}">Welcome to our grocery store!</p>
                                    <p class="card-text" data-th-text="#{home.welcome-data-th-text}">Welcome to our grocery store!</p>
                                    <p  class="card-text" data-th-utext="#{home.welcome-data-th-utext}">Welcome to our grocery store!</p>
                                </div>
                                <div class="card-footer muted">
                                    <h6 class="card-subtitle text-muted">说明</h6>
                                    <div class="card-body  text-danger">
                                        <pre>
<code class="css  text-danger">
thymeleaf针对外部文本在页面使用所使用的的表达式符号为：#{msg.key}</br>
默认名为messages的属性文件会被spring自动加载为message source</br>
msg是可以传递参数的，格式遵从java.text.MessageFormat,使用方式，例如：th:utext="#{home.welcome(${session.user.name})}</br>
可以使用tag和非tag方式两种：th:text,th:utext</br>
可以使用符合html语法的方式：data-th-text,data-th-utext</br>
</code>
                                        </pre>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div th:replace="include :: footer"></div>
                <script th:src="@{/webjars/highlightjs/highlight.min.js}"></script>
                <script>hljs.initHighlightingOnLoad();</script>
                <!-- Page specific javascripts-->

        </body>
</html>